<template>
	<view class="all_store" :class="themeName">
		<view class="store-container">
			<view v-for="(item, index) in lists" :key="index" class="store-item m-b-20">
				<view class="flex row-between">
					<image class="img" :src="item.image" mode=""></image>
					<view class="s-boxs">
						<view class="header-title back md">{{ item.name }}</view>
						<view class="sm lighter m-t-10">时间：{{ item.create_time }}</view>
						<view class="sm lighter m-t-10">店长：{{ item.contact }}</view>
						<view class="sm lighter m-t-10">电话：{{ item.mobile }}</view>
						<view class="sm lighter m-t-10">店址：{{item.city_name}}{{ item.address }}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { tgmd } from '@/api/others.js';
export default {
	name: 'AllStore',
	data() {
		return {
			lists: [
				// {id:'aa',status:1},
				// {id:'bb',status:2}
			]
		};
	},
	async onLoad() {
		await this.getList();
	},
	methods: {
		getList() {
			tgmd().then((res) => {
				this.lists = res;
			});
		},
	},

	created() {}
};
</script>
<style lang="scss">
.search-container {
	display: flex;
	flex-direction: column;
}
.search-input {
	display: flex;
	align-items: center;
	height: 100rpx;
	padding: 0 20rpx;
	background-color: #ffffff;
	position: relative;
	z-index: 2;
}
.store-container {
	position: relative;
	z-index: 1;
	background-color: white;

	.store-item {
		padding: 20rpx 30rpx;
		border-radius: 10rpx;

		.img {
			width: 130rpx;
			height: 130rpx;
			border-radius: 50%;
			margin-right: 20rpx;
		}
		.s-boxs {
			flex: 1;
			line-height: 36rpx;

			.line-2 {
				-webkit-line-clamp: 1;
			}
		}
		.s-go {
			white-space: nowrap;
			color: #0980cc;
			font-size: 28rpx;
			padding: 5rpx 15rpx;
			text-align: center;
		}
		.s-go2 {
			background-color: #10b9c4;
			border-radius: 35rpx;
			color: #fff;
		}
		.s-go3 {
			background-color: #0980cc;
			border-radius: 35rpx;
			color: #fff;
		}
	}
}
</style>
